420. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:24 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

420.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_email-extend.less2015-09-16 08:06:32 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source_email-extend.less2015-09-16 08:06:32 +0000

420.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1122
Changed00
Inserted00
Removed00

420.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

420.4 Active regular expressions

No regular expressions were active.

420.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Email extend styles 7 //  Email extend styles
8 //  _____________________________________________ 8 //  _____________________________________________
9 // 9 //
10 //  This file should be used for theme-specific styles for emails that extend or modify the styles in _email.less 10 //  This file should be used for theme-specific styles for emails that extend or modify the styles in _email.less
11 //  This will allow you to edit email styles without copying and editing the _email.less file 11 //  This will allow you to edit email styles without copying and editing the _email.less file
12  12 
13 //  Importing fonts from an external CSS file, rather than embedding @font-face declarations inside the <style> tag, 13 //  Importing fonts from an external CSS file, rather than embedding @font-face declarations inside the <style> tag,
14 //  as the latter will cause font rendering issues if the web fonts are inaccessible. 14 //  as the latter will cause font rendering issues if the web fonts are inaccessible.
15 @import url("@{baseUrl}css/email-fonts.css"); 15 @import url("@{baseUrl}css/email-fonts.css");
16  16 
17 .header { 17 .header {
18     background-color: @email__background-color; 18     background-color: @email__background-color;
19     padding: @email-body__padding; 19     padding: @email-body__padding;
20 } 20 }
21  21 
22 .footer { 22 .footer {
23     background-color: @email__background-color; 23     background-color: @email__background-color;
24     padding: @email-body__padding; 24     padding: @email-body__padding;
25  25 
26     table { 26     table {
27         width: 100%; 27         width: 100%;
28  28 
29         td { 29         td {
30             padding-bottom: @email-body__padding; 30             padding-bottom: @email-body__padding;
31             width: 33%; 31             width: 33%;
32  32 
33             p { 33             p {
34                 margin-bottom: 0; 34                 margin-bottom: 0;
35  35 
36                 &.phone { 36                 &.phone {
37                     font-size: @font-size__l; 37                     font-size: @font-size__l;
38  38 
39                     a { 39                     a {
40                         color: inherit; 40                         color: inherit;
41                     } 41                     }
42                 } 42                 }
43             } 43             }
44         } 44         }
45     } 45     }
46 } 46 }
47  47 
48 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { 48 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
49     .header, 49     .header,
50     .main-content, 50     .main-content,
51     .footer { 51     .footer {
52         padding: @email-body__padding @indent__s !important; 52         padding: @email-body__padding @indent__s !important;
53     } 53     }
54  54 
55     .footer { 55     .footer {
56         td { 56         td {
57             display: block; 57             display: block;
58             width: auto !important; 58             width: auto !important;
59         } 59         }
60     } 60     }
61 } 61 }